import React from 'react'
import { useSelector, useDispatch } from "react-redux"
import CurrentCity from './CurrentCity'
import CityList from './CityList'
import CityView from "./CityView"
import CityHeader from "../../components/PubHeader"
import { useHistory } from "react-router-dom"

export default function City () {

  const city = useSelector(state => state.city.city)
  const dispatch = useDispatch();
  const history = useHistory()


  return (
    <div>
      <CityHeader title="城市选择" history={history} />
      {/* <CurrentCity current={city} />
      <CityList dispatch={dispatch} /> */}
      <CityView dispatch={dispatch} />
    </div>
  )
}
